{% extends 'base.html' %}
{% block stylesheet %}
{{ block.super }}
{% endblock%}

{% block javascript %}
{{ block.super }}
{% endblock%}

{% block content %}
<h2>{{ eteacher.first_name }} {{ eteacher.second_name }} </h2>
<div id="navi">
    <ul>
        <li><a href="{% url eteacher_list %}">e-teacher list</a></li>
        <li><a href="{% url eteacher_change eteacher.id %}">e-teacher change</a></li>
        <li><a href="{% url eteacher_schedule eteacher.id %}">e-teacher schedule</a></li>
        <li><a href="{% url eteacher_payment eteacher.id %}">e-teacher payment</a></li>
    </ul>
</div>

<table>
    <tr>
        <td>name</td>
        <td>pay</td>
        <td>email</td>
        <td>mobilephone</td>
        <td>phone</td>
        <td>address</td>
    </tr>
    <tr>
        <td><a href="{% url eteacher_change eteacher.id %}">{{ eteacher.second_name }} {{ eteacher.first_name }}</a></td>
        <td>{{ eteacher.pay }}</td>
        <td>{{ eteacher.email }}</td>
        <td>{{ eteacher.mobilephone }}</td>
        <td>{{ eteacher.phone }}</td>
        <td>{{ eteacher.address }}</td>
    </tr>
</table>
<br/ >

<a href="{% url timeslot_create eteacher.id %}">No available time create</a>

<h3>Not available time</h3>
<table>
{% for timeslot in eteacher.timeslots %}
    <tr>
        <td><a href="{% url timeslot_detail timeslot.id %}">{{ timeslot.day }}</a></td>
        <td>{{ timeslot.start_time }}</td>
        <td>{{ timeslot.end_time }}</td>
    </tr>
{% endfor %}
</table>
{% include "timeslot/_list.html" %}

<h3>Classes</h3>
<table>
{% for class_property in class_properties %}
    <tr>
        <td>{{ class_property.school.name }}</td>
        <td>{{ class_property.grade }}</td>
        <td>{{ class_property.day }}</td>
        <td>{{ class_property.start_time }}</td>
        <td>{{ class_property.end_time }}</td>
    </tr>
{% endfor %}
</table>

<h3>History</h3>
{% include "eteacher/_et_history_list.html" %}
{% endblock %}